<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>分类新增</title>

  <th:block th:replace="./common/common-admin :: css"></th:block>
</head>
<body>

<!--导航栏-->
<nav th:replace="./common/common-admin :: menu(2)"></nav>


  <div class="m-padded-tb-hugex">
  <div class="ui attached pointing menu">
    <div class="ui container">
      <div class="right menu">
        <a href="#" th:href="@{/admin/types/input}" class="teal active item">新增</a>
        <a href="#" th:href="@{/admin/types}" class="item">列表</a>
      </div>
    </div>
  </div>
  </div>

  <!--中间内容-->
<div  class="m-container-small m-padded-tb-massive">
  <div class="ui container">
    <form action="#" method="post" th:action="*{id}==null ? @{/admin/types/addType} : @{/admin/types/modifyType/{id}(id=*{id})} " class="ui form">

      <input type="hidden" name="id" th:value="${type.getId()}">

      <div class=" field">
        <div class="ui left labeled input">
          <label class="ui teal basic label">名称</label>
          <input type="text" name="name" placeholder="分类名称" th:value="${type.getName()}">
        </div>
      </div>
      <div class="ui error message"></div>
      <div class="ui mini negative message" th:unless="${#strings.isEmpty(message)}" th:text="|提示: ${message}"></div>
      <div class="ui right aligned container">
        <button type="button" class="ui button" onclick="window.history.go(-1)" >返回</button>
        <button class="ui teal submit button">提交</button>
      </div>
    </form>
  </div>
</div>

  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <!--底部栏-->
<footer th:replace="./common/common-admin :: footer"></footer>

<!--js-->
<th:block th:replace="./common/common-admin :: script"></th:block>

  <script>

    $('.ui.form').form({
      fields : {
        title : {
          identifier: 'name',
          rules: [{
            type : 'empty',
            prompt: '请输入分类名称'
          }]
        }
      }
    });

  </script>
</body>
</html>